<template>
	<div class="addressListbox">
        <address-header>
        </address-header>
        <address-list class="addressList">
        </address-list>
	</div>
</template>

<script>
import AddressList from "./AddAddressList";
import AddressHeader from "./AddAddressHeader";
import {mapGetters} from "vuex";
export default {
  	name: 'address',
  	data () {
    	return {
			msg: '这是收货地址页',
            page: "address",
            type: {
                list: "addressList",
                header: "addressHeader"
            }
		}
	},
	computed: {
		
	},
	components: {
		'AddressList':AddressList,
		'AddressHeader':AddressHeader,
	},
	created () {
	},
	mounted () {
		
	},
	updated() {
    },
    watch: {
  
    }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
	.addressListbox {
		width: 100%;
	    height: 100%;
	    display: flex;
	    flex-direction: column;
	    justify-content: space-between;
	}
	.addressList{
		flex: 1;
   		overflow-y: auto;
    	width: 100%;
	}
</style>
